// import React, { useState } from "react";
import { BasicForm, useForm } from "@/components/Form";
import { FormSchema } from "@/components/Table";
import { useTranslation } from "react-i18next";
import Toolbar from "@/components/ViewComponents/Toolbar";
import { Input } from "antd";
const { TextArea } = Input;
import "./index.less";

export default function health_examination() {
	const { t } = useTranslation();
	const topSchema: FormSchema[] = [
		{
			label: t("felix_ui.pat_grpup"),
			field: "pat_grpup",
			component: "Input",
			colProps: { span: 6 }
		},
		{
			field: "pat_grpup",
			component: "Input",
			colProps: { span: 18 }
		}
	];
	const bottomSchema: FormSchema[] = [
		{
			label: t("felix_ui.transfer"),
			field: "transfer",
			component: "Input",
			colProps: { span: 4 }
		},
		{
			field: "pat_grpup",
			component: "Input",
			colProps: { span: 8 }
		},
		{
			label: t("felix_ui.pat_unit"),
			field: "pat_unit",
			component: "Select",
			colProps: { span: 12 }
		},
		{
			field: "pat_unit",
			component: "Input",
			colProps: { span: 8 }
		},
		{
			field: "pat_grpup",
			component: "Input",
			colProps: { span: 4 }
		}
	];
	const [topForm] = useForm({
		schemas: topSchema,
		showActionButtonGroup: false
	});
	const [bottomForm] = useForm({
		schemas: bottomSchema,
		showActionButtonGroup: false
	});
	return (
		<div className="health_examination page">
			<div className="health_examination_content">
				<div className="bigBox">
					<span className="bigBox_title">{t("felix_ui.patient_list")}</span>
					<div className="bigBox_text">
						<TextArea />
					</div>
					<BasicForm register={topForm}></BasicForm>
				</div>
				<div className="bottom">
					<div className="leftBottom">
						<BasicForm register={bottomForm}></BasicForm>
					</div>
				</div>
			</div>
			<Toolbar />
		</div>
	);
}
